<template>
	<view class="container">
		<view class="systemCon">
			<view class="item">
				<view class="text">
					你好，感谢你的反馈，我们后续会优化功能。目前你可以通过提供截图给公众号，要求复审。
				</view>
				<view class="time">
					2020/10/16 10:19
				</view>
			</view>
			<view class="item">
				<view class="text">
					你好，感谢你的反馈，我们后续会优化功能。目前你可以通过提供截图给公众号，要求复审。
				</view>
				<view class="time">
					2020/10/16 10:19
				</view>
			</view>
			<view class="item">
				<view class="text">
					你好，感谢你的反馈，我们后续会优化功能。目前你可以通过提供截图给公众号，要求复审。
				</view>
				<view class="time">
					2020/10/16 10:19
				</view>
			</view>
		</view>
		<!--加载loadding-->
		<tui-loadmore v-if="loadding"></tui-loadmore>
		<tui-nomore v-if="!pullUpOn"></tui-nomore>
		<!--加载loadding-->
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				loadding: false,
				pullUpOn: true,
			}
		},
		onReady() {},
		methods: {},
		onPullDownRefresh: function() {
			//延时为了看效果
			setTimeout(() => {
				this.newsList = this.loadData;
				this.pageIndex = 1;
				this.pullUpOn = true;
				this.loadding = false;
				uni.stopPullDownRefresh();
				this.tui.toast("刷新成功");
			}, 200)
		},
		
		// 页面上拉触底事件的处理函数
		onReachBottom: function() {
			if (!this.pullUpOn) return;
			this.loadding = true;
			if (this.pageIndex == 3) {
				this.loadding = false;
				this.pullUpOn = false;
			} else {
				this.newsList = this.newsList.concat(this.loadData);
				this.pageIndex = this.pageIndex + 1;
			}
		}
	}
</script>
<style>
	page {
		background: #f6fafd;
	}
</style>
<style scoped lang="scss">
	.container {
		padding-top: 20rpx;
		.systemCon {
			background: #fff;
			padding: 12rpx 32rpx 0;

			.item {
				padding: 32rpx 0;
				border-bottom: 1px solid #f8f8f8;

				.text {
					margin-bottom: 32rpx;
					font-size: 26rpx;
					color: #333;
				}

				.time {
					font-size: 24rpx;
					color: #d0d0d0;
				}
			}
		}

	}
</style>
